
.content1{
    width: 100%;
    height: 100%;
    display: flex;
    box-sizing: border-box;
    padding:15px;
    .content_east{
      width: 26%;
      height: 100%;
      display: flex;
      flex-direction: column;
    }
    .content_middle{
      flex: 1;
      height: 100%;
      margin:0 20px;
    }
    .content_west{
      width: 26%;
      height: 100%;
      display: flex;
      flex-direction: column;
    }
    .substance{
      flex:1;
      height: 100%;
      display: flex;
      flex-direction: column;
      position: relative;
      .maintitle{
        height: 34px;
        width: 100%;
        background: url(../../assets/img/title.png) no-repeat;
        background-size: 100% 100%;
        position: relative;
        .txt{
          line-height: 32px;
        //   padding-left: 55px;
          color: #fff;
          letter-spacing: 2px;
          text-align: center;
          font-size: 16px;
        }
        .detail{
          position: absolute;
          top: 4px;
          right: 10px;
          font-size: 22px;
          color: #fff;
          cursor: pointer;
        }
      }
      .mainbody{
        flex:1;
        width: 100%;
        position: relative;
      }
      .none{
          position: absolute;
          top: 55%;
          left: 50%;
          transform: translate(-50%,-50%);
          color: #2ba7bb;
          letter-spacing: 2px;
          font-size: 16px;
        }
    }
  }